
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" />
 <link href="css/lee-sin.css" media="screen" rel="stylesheet" type="text/css" />
 <link href="css/Createlocal.css" media="screen" rel="stylesheet" type="text/css" />
<title>Vnplace.vn</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=geometry,places&language=vi" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=geometry,places&language=vi" type="text/javascript"></script>
<style>
		body{
			padding: 0; margin: 0;
		}
		p{
			color: #6600CC;
		}
		a{
			text-decoration: none;
		}
		a:hover{
			text-decoration: underline;
			color: red;
		}
		ul{
			list-style:none;
		}
		#wapper{
			background: #F8F8F8 ;	
		}
		.wap{
			width: 760px;
			height: 500px;
			margin: 0px auto;
		}
		.province-label{
			color: #6600CC;
			font-size: 3em;
			font-weight: bold;
		}

		img.btn_close {
			float: right; 
			margin: -28px -28px 0 0;
		}
		.login-popup{
			height: 550px;
			width: 800px;
			display:none;
			background: #D0D0D0;
			padding: 10px; 	
			border: 2px solid #ddd;
			float: left;
			position: fixed;
			top: 300px; left: 50%;
			z-index: 88888;
			
		}
		#mask {
			display: none;
			background: #D0D0D0; 
			position: fixed; left: 0; top: 0; 
			z-index: 10;
			width: 100%; height: 100%;
			opacity: 0.8;
			z-index: 999;
			border-radius-right: 2px;
			border-radius-left: 2px;
			border-radius-top: 2px;
			border-radius-bottom: 2px;
		}
		
		button.in-province{
			width: 80px;
		    height: 34px;
		    position: absolute;
		    top: 24px;
		    left: 382px;
		}
		
		#col-1{
			width: 10px;
		}
		#col-2{
			width:100px;
		}
		#
	</style>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$('a.login').click(function() {
			
			// Getting the variable's value from a link 
			var loginBox = $(this).attr('href');

			//Fade in the Popup and add close button
			$(loginBox).fadeIn(300);
			
			//Set the center alignment padding + border
			var popMargTop = ($(loginBox).height() + 24) / 2; 
			var popMargLeft = ($(loginBox).width() + 24) / 2; 
			
			$(loginBox).css({ 
				'margin-top' : -popMargTop,
				'margin-left' : -popMargLeft
			});
			
			// Add the mask to body
			$('body').append('<div id="mask"></div>');
			$('#mask').fadeIn(300);
			
			return false;
		});
		
		// When clicking on the button close or the mask layer the popup closed
		$('a.close, #mask').live('click', function() { 
		  $('#mask , .login-popup').fadeOut(300 , function() {
			$('#mask').remove();  
		}); 
		return false;
		});
	});
	</script>
</head>
<body>
	<div id="wrap-container">
		<div id="header-menu">
			<ul id="top-menu">
				<li class="li-brand"><a href=""><img alt="" src="image/logo.jpg" width="90px" height="80px;"></a></li>
				<li class="li-search">
					<a href="#wapper" class="login"><button id="nav-province" class="in-province">Tỉnh</button></a>
					<form method="post">
						<input name="text-search" class="textinput" type="text" placeholder="       Nhập địa điểm cần tìm kiếm...">
						<input type="submit" class="btn" value="Tìm kiếm" />
					</form>
				</li>
				<li class="li-add"><img src="image/add.png" width="25" height="25"></li>
				<li class="li-1"><a href="">Tạo địa điểm</a></li>
				<li class="li-2"><a href="">Giới thiệu</a></li>
			</ul>
		</div>
		<div id="content">
			<div id="left"></div>
			<div id="content-between">
				<div id="time"></div>
				<h1 align="center">Báo lỗi cho hệ thống</h1>
				<hr/>
				<p class="title-error">Hệ thống của chúng tôi vẫn còn nhiều vấn đề sai xót trong quá trình phát triển.
					Nếu có vấn đề sai xót hoặc không đúng<br/>
					Mong các bạn báo cáo cho chúng tôi để chúng tôi hoàn chỉnh tốt hơn
				</p>
				<form name="myForm" method="get" class="myForm">
					<fieldset>
					<legend>Báo cáo lỗi</legend>
						<label>Tên địa điểm</label>
						<input type="text" name="nameLocal" class="txtLocal"/>
						<br/>
						<label>Địa chỉ:</label>
						<input type="text" name="address" class="txtAddress"/>
						<br/>
						<label>Nội dung báo cáo:</label><br/>
						<textarea rows="20" cols="80" class="areaContent" name="contentError"></textarea>
						<br/>
						<input type="submit" class="submitbutton" value="Gửi báo lỗi"/>
						<input type="submit" class="cancelbutton" value="Hủy bỏ"/>
					</fieldset>
				</form>
			</div>
			<div id="right"></div>
		</div>
		<!---------------------------- Chọn tỉnh ----------------------- -->		
		<div id="wapper" class="login-popup">
		<a href="#" class="close"><img src="image/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
		<table class="wap">
			<tr>
				<td  id="col-1"><label class="province-label">A</label></td>
				<td id="col-2" class="province"><a href="http://www.zing.vn">An Giang</a></td>
				
				<td  id="col-1"><label class="province-label">G</label></td>
				<td class="province" id="col-2"><a href="">Gia Lai</a></td>
				
				<td id="col-1"><label class="province-label">N</label></td>
				<td class="province" id="col-2">
					<a href="">Nam Định</a><br/>
					<a href="">Nghệ An</a><br/>
					<a href="">Ninh Bình</a><br/>
					<a href="">Ninh Thuận</a>
				</td>
				
				<td id="col-1"><label class="province-label">V</label></td>
				<td class="province" id="col-2">
					<a href="">Vĩnh Long</a><br/>
					<a href="">Vĩnh Phúc</a>
				</td>
			</tr>
<!-- ------------------------------------------------------------------------------------------ -->	
			<tr>
				
				<td><label class="province-label">B</label></td>
				<td class="province">
					<a href="">Bà Rịa - Vũng Tàu</a><br/>
					<a href="">Bạc Liêu</a><br/>
					<a href="">Bắc Kạn</a><br/>
					<a href="">Bắc Giang</a><br/>
					<a href="">Bắc Ninh</a><br/>
					<a href="">Bến Tre</a><br/>
					<a href="">Bình Dương</a><br/>
					<a href="">Bình Định</a><br/>
					<a href="">Bình Phước</a><br/>
					<a href="">Bình Thuận</a>
				</td>
				<td><label class="province-label">H</label></td>
				<td class="province">
					<a href="">Hà Giang</a><br/>
					<a href="">Hà Nam</a><br/>
					<a href="">Hà Nội</a><br/>
					<a href="">Hà Tĩnh</a><br/>
					<a href="">Hải Dương</a><br/>
					<a href="">Hải Phòng</a><br/>
					<a href="">Hòa Bình</a><br/>
					<a href="">Hậu Giang</a><br/>
					<a href="">Hưng Yên</a>
				</td>
				<td><label class="province-label">P</label></td>
				<td class="province">
					<a href="">Phú Thọ</a><br/>
					<a href="">Phú Yên</a>
				</td>
				<td><label class="province-label">T</label></td>
				<td class="province">
					<a href="">TP. Hồ Chí Minh</a><br/>
					<a href="">Tây Ninh</a><br/>
					<a href="">Thái Nguyên</a><br/>
					<a href="">Thanh Hóa</a><br/>
					<a href="">Thừa Thiên - Huế</a><br/>
					<a href="">Tiền Giang</a><br/>
					<a href="">Trà Vinh</a><br/>
					<a href="">Tuyên Quang</a>
				</td>
			</tr>
<!-- ------------------------------------------------------------------------------------------ -->				
			<tr>
				
				<td><label class="province-label">C</label></td>
				<td class="province">
					<a href="">Cà Mau</a><br/>
					<a href="">Cao Bằng</a><br/>
					<a href="">Cần Thơ</a>
				</td>
				
				<td><label class="province-label">K</label></td>
				<td class="province">
					<a href="">Khánh Hòa</a><br/>
					<a href="">Kiên Giang</a><br/>
					<a href="">Kon Tum</a>
				</td>
				<td><label class="province-label">Q</label></td>
				<td class="province">
					<a href="">Quảng Bình</a><br/>
					<a href="">Quảng Nam</a><br/>
					<a href="">Quảng Ngãi</a><br/>
					<a href="">Quảng Ninh</a><br/>
					<a href="">Quảng Trị</a>
				</td>
				<td><label class="province-label">Y</label></td>
				<td class="province">
					<a href="">Yên Bái</a>
				</td>
			</tr>
<!-- ------------------------------------------------------------------------------------------ -->				
			<tr>
				<td><label class="province-label">D</label></td>
				<td class="province">
					<a href="">Đà Nẵng</a><br/>
					<a href="">Đắk Lắk</a><br/>
					<a href="">Đắk Nông</a><br/>
					<a href="">Đồng Nai</a><br/>
					<a href="">Đồng Tháp</a><br/>
					<a href="">Điện Biên</a>
				</td>
				
				<td><label class="province-label">L</label></td>
				<td class="province">
					<a href="">Lai Châu</a><br/>
					<a href="">Lào Cai</a><br/>
					<a href="">Lạng Sơn</a><br/>
					<a href="">Lâm Đồng</a><br/>
					<a href="">Long An</a><br/>
				</td>
				<td><label class="province-label">S</label></td>
				<td class="province">
					<a href="">Sóc Trăng</a><br/>
					<a href="">Sơn La</a>
				</td>		
			</tr>
		</table>
		</div>
<!-- ----------------End div chọn tỉnh----------- -->  
		<div id="footer">
			<p class="copyright">©Copyright 2014 VnPlace.vn</p>
		</div>
	</div>
</body>
</html>